<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Horizontal Nav</title>
<style type="text/css">
<!--

/* Basic Styling
=======================*/

body {
  font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  background-color: #fff;
}



/* mainNav
=======================*/

ul.nav {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 72em;
  background: #FAA819 url(img/mainNavBg.gif) repeat-x;
  list-style: none;
  text-transform: uppercase;
}

ul.nav li {
  float: left;
	white-space: nowrap;
}


ul.nav a {
  padding: 0 2.96em;
  line-height: 2.1em;
  background: url(img/divider.gif) repeat-y left top;
  text-decoration: none;
  color: #fff;
  float: left;
  display: block;
}


ul.nav a:hover ,
ul.nav a:focus {
  color: #333;
}


/*ul.nav .first a {
  background: none;
}*/

ul.nav li:first-child a {
  background: none;
}



-->
</style>
</head>

<body>

<ul class="nav">
<li class="first"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Clients</a></li>
<li><a href="#">Case Studies</a></li>
</ul>

</body>
</html>
